// index主体的二级导航---显示和隐藏
$('.A-ul-div').css('display', 'none');
$('.A-m-ul li').each(function () {
    $(this).hover(function () {
        $(this).find('.A-ul-div').show();
        // console.log(this);
        // console.log('进入');
    }, function () {
        $(this).find('.A-ul-div').hide();
        // console.log('移出');
    })
});
// 轮播
var mySwiper = new Swiper('.A-swiper', {
    // direction: 'vertical', // 垂直切换选项
    loop: true, // 循环模式选项

    // 如果需要分页器
    pagination: {
        el: '.swiper-pagination',
        clickable: true
    },
    // 自动切换
    autoplay: {
        delay: 3000,
        // 轮播到最后一个时-停止 false不停止 loop下无效
        stopOnLastSlide: false,
        // 触碰后停止true，不停止false
        disableOnInteraction: false,
        // 鼠标移入wtiper元素后，自动轮播停止
        pauseOnMouseEnter: true
    },
    // // 如果需要前进后退按钮
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    }
});
// 广告促销的jQuerytab切换
$('.A-r-gg').mouseover(function () {
    $(this).css('color', 'red').siblings().css('color', '');
    $('.A-r-gg-ul').eq($(this).index()).css('display', 'block').siblings('ul').css('display', 'none')
});
$('.A-r-gg-ul').children('li').hover(function () {
    $(this).css('color', 'red');
}, function () {
    $(this).css('color', '');
});


// 首页的详情的数据渲染
// 引用的自己用的数据
var data = beautifulLi.getCommunityData('index');
// 获取事件源
var main7ul = document.getElementsByClassName('A-main7-ul')[0];
// 循环遍历数据
data.forEach(function (i) {
    // a href = "./page/page.html" > < /a>
    var Alj = './page/page.html?id=';
    // 创建li
    var lisA = document.createElement('li');
    lisA.title = i.id;
    // 给li标签添加类名
    lisA.className = 'A-main7-lis';
    // 创建a标签
    var aA = document.createElement('a');
    aA.href = Alj + i.id;
    // 创建div1
    var divA1 = document.createElement('div');
    // 给div1添加类名
    divA1.className = 'A-main7-div1';
    // 创建图片
    var imgA = document.createElement('img');
    // 给图片路径
    imgA.src = i.showImg;
    // 把图片放到div1里
    divA1.append(imgA);
    // div1添加到a标签里
    aA.append(divA1);

    // 创建div2
    var divA2 = document.createElement('div');
    // 给div1添加类名
    divA2.className = 'A-main7-div2';
    // 给div2文本内容
    divA2.innerText = i.name;
    // 把div2添加到a标签里
    aA.append(divA2);

    // 创建div3
    var divA3 = document.createElement('div');
    // 给div3添加类名
    divA3.className = 'A-main7-div3';
    // 创建spanA3
    var spanA3 = document.createElement('span');
    // 给spanA3文本内容
    spanA3.innerText = i.discountPrice;
    // 把spanA3添加到divA3标签里
    divA3.append(spanA3);
    // 创建div3的div
    var divA3d = document.createElement('div');
    // 给divA3d文本内容
    divA3d.innerText = i.originalPrice;
    divA3.append(divA3d);
    // 
    aA.append(divA3);
    lisA.append(aA);
    main7ul.append(lisA)
});
// 跳楼事件
$(window).scroll(function () {
    if ($(window).scrollTop() >= $('.A-main2').offset().top) {
        $('.A-tl').fadeIn();
    } else {
        $('.A-tl').fadeOut();
    };
    // 对楼层导航遍历
    $('.A-floor').each(function (index, value) {
        if ($(window).scrollTop() > value.offsetTop) {
            $('.A-item').eq(index).css({
                "backgroundColor": "#FF4040",
                "color": "#fff"
            }).siblings().css({
                "backgroundColor": "#fff",
                "color": "black"
            })
        };
    });
});
// 
$('.A-item').hover(function () {
    $(this).css({
        color: "#fff",
        backgroundColor: "#FF4040"
    })
}, function () {
    $(this).css({
        color: "black",
        backgroundColor: "#fff"
    })
});
// 点击跳
$('.A-item').each(function (index, value) {
    $(this).click(function () {
        var Ats = $('.A-floor').eq(index).offset().top + 1;
        $('html').animate({
            scrollTop: Ats
        }, 500);
    });
});
$('.A-top').click(function () {
    $('html').animate({
        scrollTop: 0
    }, 2000);
});


var idss = localStorage.getItem("ID2");
console.log(idss);

// 灰色中间区域
var dSideGray = document.querySelector('.d-side-gray-main');
// 要删除的
var dSideGraynot = $('.d-side-gray-main-empty');

var dSideGraypayshopDiv = document.querySelector('.d-side-gray-payshop');
var dSideGraypayshopUl = document.querySelector('.d-side-gray-payshopUl');


for (var i = 0; i < listData.length; i++) {
    if (listData[i].id == idss) {
        dSideGraynot.remove();

        // 整个li
        var dSideGraypayshopLi = document.createElement('li');
        dSideGraypayshopLi.className = 'd-payshop-li';
        // li里的左边div图片
        var dSideGraypayshopDivIMG = document.createElement('div');
        dSideGraypayshopDivIMG.className = 'd-payshop-Img';
        // 设置图片路径
        var img = document.createElement('img');
        img.src = listData[i].imglist1;
        // 追加到图片div
        dSideGraypayshopDivIMG.append(img);
        // 追加到li里
        dSideGraypayshopLi.append(dSideGraypayshopDivIMG);

        // 设置信息div
        var dSideGraypayshopDivmessage = document.createElement('div');
        dSideGraypayshopDivmessage.className = 'd-payshop-message';
        // 文字信息
        var dmessage = document.createElement('a');
        dmessage.className = 'd-pay-message';
        dmessage.href = '#';
        dmessage.innerText = listData[i].title;
        // 追加到信息div里
        dSideGraypayshopDivmessage.append(dmessage);
        // 价格
        var dpayjiage = document.createElement('div');
        dpayjiage.className = 'd-payjiage'
        // 截取去掉￥
        var danjia = listData[i].scj.substr(1, 9);
        danjia = parseInt(danjia);
        dpayjiage.innerText = danjia;
        // 追加价格到div里
        dSideGraypayshopDivmessage.append(dpayjiage);

        // 按钮框div
        var dpayanniudiv = document.createElement('div');
        dpayanniudiv.className = 'd-payanniudiv'

        var dpayanniubutjian = document.createElement('button');
        dpayanniubutjian.id = 'd-btn1'
        dpayanniubutjian.innerText = '-';
        dpayanniudiv.append(dpayanniubutjian);

        var dpaynum = document.createElement('input');
        dpaynum.className = 'd-payNum';
        dpaynum.value = '1';
        dpayanniudiv.append(dpaynum);

        var dpayanniubutjia = document.createElement('button');
        dpayanniubutjia.id = 'd-btn2'
        dpayanniubutjia.innerText = '+';
        dpayanniudiv.append(dpayanniubutjia);

        var dpayshanchu = document.createElement('a');
        dpayshanchu.className = 'd-payshanchu';
        dpayshanchu.innerText = '删除'
        dpayanniudiv.append(dpayshanchu);
        dSideGraypayshopDivmessage.append(dpayanniudiv);

        // 把信息div追加到li里
        dSideGraypayshopLi.append(dSideGraypayshopDivmessage)
        dSideGraypayshopUl.append(dSideGraypayshopLi)
        // localStorage.setItem("ID2", ids)

        heji();
        var dnumpaypay = $('.d-payNum').val()
        $('.d-numpay').text(dnumpaypay);
        $('.d-cart_num').text(dnumpaypay);
        $('.d-headshopCar-clount').text(dnumpaypay);
    }
}
var count = $('.d-payNum').val();
var jiage = Number($('.d-payjiage').text());
var ddheji = count * jiage
$('.d-bbbpay').text(Number(ddheji));

console.log($('#d-btn2'));
// 加
$('#d-btn2').click(function () {
    var inputele = $(this).prev();
    console.log(inputele);
    var thisGoodsCount = Number(inputele.val()) + 1;
    inputele.val(thisGoodsCount);
    var dnumpaypay = inputele.val();
    $('.d-numpay').text(dnumpaypay);
    $('.d-cart_num').text(dnumpaypay);
    $('.d-headshopCar-clount').text(dnumpaypay);
    heji();
});


// 减
$('#d-btn1').click(function () {
    console.log(this);
    var inputValue = $(this).next('input');
    var count = Number(inputValue.val()) - 1;
    if (count == 1) {
        $(this).prop('disabled', true);
    };
    inputValue.val(count);
    var dnumpaypay = inputValue.val();

    $('.d-numpay').text(dnumpaypay);
    $('.d-cart_num').text(dnumpaypay);
    $('.d-headshopCar-clount').text(dnumpaypay);
    heji();
});




// 合计
function heji() {
    var count = $('.d-payNum').val();
    var jiage = Number($('.d-payjiage').text());
    var ddheji = count * jiage
    $('.d-bbbpay').text(Number(ddheji));

}


// 删除
$('.d-payshanchu').click(function () {
    $('.d-payshop-li').remove();
    dSideGraynot.css({
        'display': 'block'
    });
    $('.d-numpay').text('0');
    $('.d-cart_num').text('0');
    $('.d-headshopCar-clount').text('0');
    $('.d-bbbpay').text('00.00');
    localStorage.clear('ID2');
})